        .main {
            width: 980px;
            height: 456px;
            margin-left: 220px;
            margin-top: 10px;
        }
        
        .Focus {
            position: relative;
            float: left;
            width: 721px;
            height: 456px;
            overflow: hidden;
            cursor: pointer;
        }
        
        .Focus ul {
            position: absolute;
            top: 0;
            left: 0;
            width: 600%;
        }
        
        .Focus ul li {
            float: left;
        }
        
        .prev {
            display: none;
            position: absolute;
            top: 50%;
            left: 0;
            width: 25px;
            height: 40px;
            z-index: 999;
            background-color: rgba(0, 0, 0, .3);
            font-size: 25px;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
        }
        
        .next {
            display: none;
            position: absolute;
            top: 50%;
            right: 0;
            width: 25px;
            height: 40px;
            margin-right: 1px;
            background-color: rgba(0, 0, 0, .3);
            font-size: 25px;
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
        }
        
        .promo_nav {
            position: absolute;
            z-index: 1;
            top: 92%;
            left: 40%;
            height: 25px;
            padding: 5px 0;
            background-color: rgba(255, 255, 255, .3);
            border-radius: 15px;
        }
        
        .promo_nav li {
            float: left;
            width: 15px;
            height: 15px;
            margin: 0 3px;
            background-color: #fff;
            border-radius: 10px;
            cursor: pointer;
        }
        
        .promo_nav .selected {
            background-color: orange;
        }
        
        .Newsflash {
            float: right;
            width: 250px;
            height: 456px;
        }
        
        .news {
            height: 165px;
            border: 1px solid #e4e4e4;
        }
        
        .news_hd {
            height: 33px;
            line-height: 33px;
            border-bottom: 1px dotted #e4e4e4;
            padding: 0 15px;
        }
        
        .news_hd h3 {
            float: left;
            font-size: 14px;
            color: #333333;
            font-weight: 400;
        }
        
        .news_hd a {
            float: right;
            font-size: 14px;
        }
        
        .news_hd a::after {
            /* 这里不用在index.css里引入字体声明了，说明同一个html文件里的css可以共用字体声明？ */
            font-family: 'icomoon';
            content: '\e920';
        }
        
        .news_bd {
            padding: 5px 15px 0;
            /* margin: 5px 15px 0; */
        }
        
        .news_bd ul li {
            height: 25px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        
        .lifeservice {
            overflow: hidden;
            height: 209px;
            border: 1px solid #e4e4e4;
            border-top: 0;
        }
        
        .lifeservice ul {
            width: 252px;
        }
        
        .lifeservice ul li {
            float: left;
            width: 63px;
            height: 71px;
            border-right: 1px solid #e4e4e4;
            border-bottom: 1px solid #e4e4e4;
            text-align: center;
        }
        
        .lifeservice ul li i {
            display: inline-block;
            width: 20px;
            height: 25px;
            background: url(../images/icons.png) no-repeat -19px -16px;
            margin-top: 13px;
        }
        
        .bargain {
            margin-top: 6px;
        }
        
        .recom {
            height: 163px;
            background-color: #ebebeb;
        }
        
        .recom .recom_hd {
            float: left;
            width: 205px;
            height: 163px;
            background-color: #5c5251;
            text-align: center;
            padding-top: 30px;
        }
        
        .recom .recom_bd {
            float: left;
        }
        
        .recom_bd ul li {
            position: relative;
            float: left;
        }
        
        .recom_bd ul li img {
            width: 245px;
            height: 163px;
        }
        
        .recom_bd ul li:nth-child(-n+3)::after {
            content: '';
            position: absolute;
            top: 10px;
            right: 0;
            width: 1px;
            height: 145px;
            background-color: #dddddd;
        }
        
        .guessLike {
            height: 264px;
            /* background-color: pink; */
            margin-top: 25px;
        }
        
        .guessLike .guessLike_hd {
            height: 28px;
            /* background-color: skyblue; */
        }
        
        .guessLike_hd h3 {
            float: left;
            font-size: 18px;
            font-weight: 400;
        }
        
        .guessLike_hd a {
            float: right;
            margin-top: 6px;
            margin-right: 20px;
            font-size: 12px;
        }
        
        .guessLike_hd a::after {
            font-family: 'icomoon';
            content: '\ea2e';
            margin-left: 9px;
        }
        
        .guessLike_bd {
            height: 235px;
            border: 1px solid #e4e4e4;
            overflow: hidden;
        }
        
        .guessLike_bd ul {
            width: 1210px;
        }
        
        .guessLike_bd ul li {
            float: left;
            position: relative;
            width: 200px;
            height: 235px;
            padding: 0 36px 10px 36px;
            /* 最后一句不起作用，为什么？ */
            /* overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; */
        }
        
        .guessLike_bd ul li:nth-child(-n+5)::after {
            content: '';
            position: absolute;
            right: 0;
            top: 160px;
            width: 1px;
            height: 60px;
            background-color: #ddd;
        }
        
        .guessLike_bd ul li img {
            width: 115px;
            height: 131px;
            /* margin-left: 40px; */
            margin: 20px 0 13px 0;
        }
        
        .guessLike_bd ul li h3 {
            font-size: 12px;
            font-weight: 400;
        }
        
        .guessLike_bd ul li p {
            font-size: 12px;
        }
        
        .guessLike_bd ul li span {
            font-size: 18px;
            color: #df3033;
        }
        
        .funningArea {
            height: 435px;
            margin-top: 25px;
        }
        
        .funningArea_hd {
            height: 27px;
        }
        
        .funningArea_hd h3 {
            font-size: 18px;
            font-weight: 400;
        }
        
        .funningArea_bd {
            height: 406px;
            margin-top: 10px;
            border: 1px solid #e4e4e4;
        }
        
        .recomBook {
            float: left;
        }
        
        .recomBook img {
            width: 404px;
            height: 404px;
        }
        
        .greatGoods {
            float: left;
            width: 226px;
            border-right: 1px solid #e4e4e4;
        }
        
        .greatGoods_hd {
            width: 191px;
            height: 40px;
            line-height: 40px;
            margin-left: 18px;
            border-bottom: 1px dashed #e4e4e4;
            text-align: center;
        }
        
        .greatGoods_hd h3 {
            font-size: 14px;
            color: #333333;
        }
        
        .greatGoods_bd ul li img {
            width: 218px;
            margin-left: 8px;
        }
        
        .greatGoods_bd ul li:first-child {
            height: 207px;
            /* padding内边距，不移动盒子位置 */
            padding-top: 29px;
            padding-bottom: 14px;
            border-bottom: 1px solid #e4e4e4;
        }
        
        .greatGoods_bd ul li:last-child {
            height: 158px;
            padding-top: 11px;
        }
        
        .brandStreet {
            float: left;
            width: 406px;
            border-right: 1px solid #e4e4e4;
            background-color: #f7f7f7;
        }
        
        .brandStreet_hd {
            width: 365px;
            height: 40px;
            line-height: 40px;
            border-bottom: 1px dashed #e4e4e4;
            margin-left: 20px;
            text-align: center;
        }
        
        .brandStreet_bd ul li:first-child {
            height: 206px;
            padding-top: 33px;
            padding-left: 53px;
            border-bottom: 1px solid #e4e4e4;
        }
        
        .brandStreet_bd ul li:nth-child(2) {
            float: left;
            height: 158px;
            width: 204px;
            padding-top: 26px;
            padding-left: 12px;
            border-right: 1px solid #e4e4e4;
        }
        
        .brandStreet_bd ul li:last-child {
            float: left;
            width: 198px;
            height: 158px;
            padding-top: 21px;
            padding-left: 20px;
        }
        
        .coBrand {
            float: left;
            width: 152px;
            height: 381px;
            margin-top: 13px;
            margin-left: 5px;
            overflow: hidden;
        }
        
        .coBrand ul li {
            float: left;
            width: 76px;
            height: 58px;
            border-bottom: 1px dashed #e4e4e4;
            padding-top: 15px;
        }
        
        .coBrand ul li:nth-child(odd) {
            border-right: 1px dashed #e4e4e4;
        }
        
        .coBrand ul li:nth-child(even) {
            padding-left: 3px;
        }
        
        .coBrand ul li:last-child,
        .coBrand ul li:nth-child(13) {
            padding-top: 11px;
        }
        /* 楼层区制作 */
        /* 家电模块 */
        
        .floor .box_hd {
            height: 30px;
            border-bottom: 2px solid #c81623;
        }
        
        .jiadian,
        .shouji,
        .diannao {
            margin-top: 30px;
        }
        
        .floor .box_hd h3 {
            float: left;
            font-size: 18px;
            color: #c81623;
            font-weight: 400;
        }
        
        .floor .box_hd ul {
            float: right;
            line-height: 30px;
        }
        
        .floor .box_hd ul li {
            float: left;
        }
        
        .floor .box_hd ul li a {
            margin: 0 15px;
        }
        
        .floor .box_bd {
            height: 360px;
        }
        
        .tab_content .tab_list_item>div {
            float: left;
            height: 360px;
        }
        
        .col_209 {
            width: 209px;
            background-color: #f9f9f9;
            padding-left: 12px;
            text-align: center;
        }
        
        .col_209 ul li {
            float: left;
            width: 87px;
            height: 34px;
            border-bottom: 1px solid #ededed;
            margin-right: 10px;
            line-height: 33px;
            text-align: center;
        }
        
        .col_209 a img {
            margin-top: 25px;
        }
        
        .col_329 {
            width: 329px;
            background-color: #aed6d8;
            padding-top: 38px;
            text-align: center;
        }
        
        .col_221 {
            width: 221px;
        }
        
        .col_221 a,
        .col_220 a {
            /* 要将a转换为块级元素才能设置padding */
            display: block;
        }
        
        .floor .d1 img,
        .col_220 img {
            margin-top: 22px;
            margin-left: 18px;
        }
        
        .col_220 .pic1 {
            margin-left: 15px;
        }
        
        .col_220 .pic2 {
            margin-left: 9px;
        }
        
        .floor .d1 a {
            margin-top: 1px;
        }
        
        .floor .d2 {
            padding-top: 72px;
            text-align: center;
        }
        
        .floor .d2 img {
            margin-bottom: 52px;
        }
        
        .col_220 {
            width: 220px;
        }
        /* .col_220 a img:last-child {
            padding-top: 22px;
        } */
        
        .col_221,
        .col_220 {
            border-right: 1px solid #ededed;
        }
        
        .col_221 a,
        .col_220 a {
            border-bottom: 1px solid #ededed;
        }
        /* 楼层底部品牌商图标 */
        
        .floorCoBrand {
            height: 65px;
            background-color: #f7f7f7;
            margin-top: 20px;
            /* 设一个透明边框来让里面的li设置margin */
            border: 1px solid transparent;
        }
        
        .floorCoBrand ul li {
            float: left;
            width: 107px;
            height: 39px;
        }
        
        .floorCoBrand ul li {
            margin: 12px 0 12px 12px;
        }
        
        .floorCoBrand ul li {
            border-right: 1px dotted #cccccc;
        }
        
        .floorCoBrand ul li:last-child {
            border: 0;
        }
        
        .crazyRob {
            margin-top: 30px;
            border-collapse: collapse;
        }
        
        .crazyRob .box_hd {
            height: 30px;
        }
        
        .crazyRob .box_hd h3 {
            font-size: 18px;
            color: #333333;
            font-weight: 400;
        }
        
        .crazyRob .box_bd {
            height: 285px;
            border: 1px solid #e5e5e5;
        }
        
        .crazyRob .box_bd .d1 {
            float: left;
            width: 240px;
            height: 284px;
        }
        
        .crazyRob .box_bd .d2 {
            float: left;
            width: 660px;
            height: 284px;
        }
        
        .crazyRob .box_bd .d2 ul li {
            float: left;
            width: 220px;
            height: 142px;
            border: 1px solid #ededed;
            border-top: 0;
        }
        
        .crazyRob .box_bd .d3 ul li {
            float: left;
            position: relative;
            width: 297px;
            height: 142px;
            border-left: 1px solid #ededed;
        }
        
        .crazyRob .box_bd .d3 ul li:first-child {
            border-bottom: 1px solid transparent;
        }
        
        .crazyRob .box_bd .d3 ul li a>img {
            padding-top: 59px;
            padding-left: 19px;
        }
        
        .crazyRob .box_bd .d3 ul li a .userComment i {
            position: absolute;
            top: 38px;
            left: 118px;
        }
        
        .crazyRob .box_bd .d3 ul li a .userComment i span {
            margin-left: 8px;
        }
        
        .comment {
            position: absolute;
            top: 71px;
            left: 120px;
            width: 165px;
            height: 53px;
            background-color: #f8f8f8;
            padding: 14px 26px 10px 19px;
        }
        
        .comment::before {
            content: '“';
            position: absolute;
            top: 12px;
            left: 6px;
        }
        
        .comment::after {
            content: '”';
            position: absolute;
            top: 40px;
            left: 100px;
        }
        
        .crazyRob .box_bd .d3 ul li>i {
            position: absolute;
            top: 93px;
            left: 104px;
            width: 0;
            height: 0;
            line-height: 0;
            font-size: 0;
            border: 8px solid transparent;
            /*transparent是透明色的意思*/
            border-right-color: #f8f8f8;
        }
        
        .fixedtool {
            position: fixed;
            top: 100px;
            left: 50%;
            margin-left: -676px;
            width: 66px;
            background-color: #fff;
            display: none;
        }
        
        .fixedtool li {
            height: 32px;
            line-height: 32px;
            text-align: center;
            font-size: 12px;
            border-bottom: 1px solid #ccc;
            cursor: pointer;
        }
        
        .fixedtool .current {
            background-color: #c81623;
            color: #fff;
        }